<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-保理软件</title>
    <meta name="keywords"  content="保理软件,保理产品" />
    <meta name="description" content="设置描述..." />
    <meta name="author" content="DeathGhost" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--产品logo-->
    <link rel="icon" href="images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/mywork_test.css" />
    <!--jQuery v3.2.1-->
    <script src="javascript/jquery.js"></script>
    <!--滚动插件-->
    <script src="javascript/plug-ins/customScrollbar.min.js"></script>
    <!--统计插件-->
    <script src="javascript/plug-ins/echarts.min.js"></script>
    <!--弹框插件-->
    <script src="javascript/plug-ins/layerUi/layer.js"></script>
    <!--HTML编辑器插件-->
    <script src="editor/ueditor.config.js"></script>
    <!--HTML编辑器插件-->
    <script src="editor/ueditor.all.js"></script>
    <!--分页插件-->
    <script src="javascript/plug-ins/pagination.js"></script>
    <!--瀑布流-->
    <script src="javascript/minigrid.js"></script>
    <!--整个模板样式控制文件-->
    <script src="javascript/public.js"></script>
</head>
<body>

<main class="content">
    <!--开始::内容-->
    <div class="page-wrap ">
        <section class="page-hd">
            <header>
                <h2 class="title"><i class="icon-pushpin"></i>待办事项</h2>
                <p class="title-description">
                    给待办事项来个描述介绍啥的
                </p>
            </header>
            <hr>
        </section>
        <section class="page-hd">
            <div class="content-body">
                <div class="row clear">
                    <ul class="flex flex-wrap flex-col-4">
                        <li class="refresh">
                            <div class="button_base b05_3d_roll">
                                <div>刷新</div>
                                <div>刷新</div>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/Onemonth.png">
                                <span><b class="color6AB7">666</b>/条数据</span>
                            </div>
                            <div class="setting-title color6AB7">一个月内</div>
                            <div class="setting-content">即将到期的<b>应收账款</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/TwoWeeks.png">
                                <span><b class="colorA9F4">18</b>/条数据</span>
                            </div>
                            <div class="setting-title colorA9F4">两周内</div>
                            <div class="setting-content">即将到期的<b>应收账款</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/aWeek.png">
                                <span><b class="colorCead">0</b>/条数据</span>
                            </div>
                            <div class="setting-title colorCead">一周内</div>
                            <div class="setting-content">内即将到期的<b>应收账款</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/oneday.png">
                                <span><b class="color3d5d">1</b>/条数据</span>
                            </div>
                            <div class="setting-title color3d5d">1天内</div>
                            <div class="setting-content">内即将到期的<b>应收账款</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/abnormal.png">
                                <span><b class="color3d5d">5</b>/条数据</span>
                            </div>
                            <div class="setting-title color3d5d">异常</div>
                            <div class="setting-content">状态异常的<b>客户</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/Onemonth.png">
                                <span><b class="color6AB7">5</b>/条数据</span>
                            </div>
                            <div class="setting-title color6AB7">一个月</div>
                            <div class="setting-content">内即将到期的<b>融资</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                        <li class="box-child setting-item">
                            <div class="setting-icon">
                                <img src="./images/March.png">
                                <span><b class="">5</b>/条数据</span>
                            </div>
                            <div class="setting-title">三个月</div>
                            <div class="setting-content">内即将到期的<b>额度信息</b></div>
                            <div class="setting-btn">
                                <a href="javascript:void(0)" class="btn btn-xs btn-blank btn-radius-4">查看</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="page-hd">
            <header>
                <h2 class="title"><i class="icon-exclamation-sign"></i>审核提醒</h2>
                <p class="title-description">
                    系统将会按规定逻辑列出需要您<b>注意</b>与<b>处理</b>事项.
                </p>
            </header>
            <hr>
        </section>
        <section class="page-hd demo">
            <ul class="flex flex-wrap flex-col-5 grid">
                <li class="refresh">
                    <div class="button_base b05_3d_roll">
                        <div>刷新</div>
                        <div>刷新</div>
                    </div>
                </li>
                <!--费用调整-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-name">费用调整</li>
                        <li class="plan-price plan-tips">调整科目<strong>利息保证金</strong></li>
                        <li><strong>调整方向</strong><b>收取</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>申请编号</strong>201708080002</li>
                        <li><strong>调整金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>调整日期</strong>2017-11-10</li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">审核</a>
                        </li>
                        <li class="shade">
                            QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载
                        </li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-name">费用调整</li>
                        <li class="plan-price plan-tips">调整科目<strong>手续费</strong></li>
                        <li><strong>调整方向</strong><b>退回</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>金驹</li>
                        <li><strong>申请编号</strong>201708080003</li>
                        <li><strong>调整金额</strong>90,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>调整日期</strong>2017-11-10</li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--转让入帐-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">转让入账</li>
                        <li class="plan-price"><strong>调整方向</strong><b>退回</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>业务编号</strong>201708080002</li>
                        <li><strong>转让金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">转让入账</li>
                        <li class="plan-price"><strong>调整方向</strong><b>退回</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>业务编号</strong>201708080002</li>
                        <li><strong>转让金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--反转让-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-Reassignment">反转让</li>
                        <li class="plan-price"></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>反转让批次号</strong>201708080002</li>
                        <li><strong>反转让金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-Reassignment">反转让</li>
                        <li class="plan-price"></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>反转让批次号</strong>201708080002</li>
                        <li><strong>反转让金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--资产转出及ABS-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-Reassignment">资产转出及ABS</li>
                        <li class="plan-price plan-tips">转入方<strong>xx保理公司</strong></li>
                        <li class="Aseller"><strong>转让类型</strong><b>转让</b></li>
                        <li><strong>转出编号</strong>201708080002</li>
                        <li><strong>转出批次号</strong>201708080002</li>
                        <li><strong>转出金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-Reassignment">资产转出及ABS</li>
                        <li class="plan-price plan-tips">转入方<strong>xx保理公司</strong></li>
                        <li class="Aseller"><strong>转让类型</strong><b>质押</b></li>
                        <li><strong>转出编号</strong>201708080002</li>
                        <li><strong>转出批次号</strong>201708080002</li>
                        <li><strong>转出金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-d5a4 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--买方付款-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">买方付款</li>
                        <li class="plan-price"><strong>结算方式</strong><b>现金</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>付款日期</strong>2017-11-10</li>
                        <li><strong>付款金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>转付款标志</strong><a href="javascript:void (0);">正常付款</a></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">买方付款</li>
                        <li class="plan-price"><strong>结算方式</strong><b>现金</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>付款日期</strong>2017-11-10</li>
                        <li><strong>付款金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>转付款标志</strong><a href="javascript:void (0);">转付款</a></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--卖方融资-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-name">卖方融资</li>
                        <li class="plan-price plan-tips">结算方式<strong>现金</strong></li>
                        <li><strong>转付款标记</strong><b>转付款</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>融资编号</strong>201708080002</li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>到日期</strong>2017-11-10</li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-name">卖方融资</li>
                        <li class="plan-price plan-tips">结算方式<strong>现金</strong></li>
                        <li><strong>转付款标记</strong><b>转付款</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>融资编号</strong>201708080002</li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>到日期</strong>2017-11-10</li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-danger btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <!--卖方还款-->
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">卖方还款</li>
                        <li class="plan-price"><strong>结算方式</strong><b>票据</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>还款编号</strong>201708080002</li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>还款金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
                <li class="box-child reminding grid-item">
                    <ul class="plan plan1">
                        <li class="plan-nametransfer">卖方还款</li>
                        <li class="plan-price"><strong>结算方式</strong><b>现金</b></li>
                        <li class="Aseller"><strong>卖方</strong>宏桥</li>
                        <li class="PeopleBuy"><strong>买方</strong>万通</li>
                        <li><strong>还款编号</strong>201708080002</li>
                        <li><strong>融资金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>还款金额</strong>100,000,000.00&nbsp;&nbsp;<b>RMB</b></li>
                        <li><strong>审核状态</strong><a href="javascript:void (0);">审核中</a></li>
                        <li class="plan-action">
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">查看</a>
                            <a href="javascript:void(0);" class="btn btn-cf99 btn-lg">审核</a>
                        </li>
                        <li class="shade">QQ音乐是腾讯公司推出的一款网络音乐服务产品,海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载</li>
                    </ul>
                </li>
            </ul>
        </section>
        <section class="page-hd" style="display: none">
            <table class="table table-hover bg-white-only">
                <thead>
                <tr style="font-weight: bold">
                    <td style="width:35%;padding: 15px 94px;">待办事项</td>
                    <td style="width:20%">提醒数量</td>
                    <td style="width:25%">更新时间</td>
                    <td style="width:15%">操作</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="v-middle app-td">
                        <div class="app-icon">
                            <span>
                                <img src="http://o1wh05aeh.qnssl.com/image/view/app_icons/70bc7f6b22653ae6e15972f44d6ac766/60" class="appicon_list pull-left img-circle" onerror="javascript:this.src='http://static.pgyer.com/static-20171214/assets/img/default-icon.png';" style="">
                            </span>
                        </div>
                        <div class="app-info">
                            <h4 class="app-title">一个月内即将到期的应收账款</h4>
                            <span class="app-type font-gray"> ( 序号 1 ) </span>
                        </div>
                    </td>
                    <td class="v-middle">
                        <span>1</span>
                    </td>
                    <td class="v-middle">
                        <span>2017-11-23 16:48</span>
                    </td>
                    <td style="white-space: nowrap">
                        <a href="/O3oR" class="" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i> 查看详情</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </section>
    </div>

</main>
<script>
    /*
    瀑布流
    * */
    (function(){
        minigrid('.grid', '.grid-item', 6, null,
                function(){
                    var d = document.querySelector('.demo');
                    d.style.opacity = 1;
                }
        );
        window.addEventListener('resize', function(){
            minigrid('.grid', '.grid-item');
        });
    })();
    /*
     分页
     * */
    $(".pagination").createPage({
        pageCount:11,
        current:1,
        backFn:function(p){
            console.log(p);
        }
    });
    $(".plan-tips").hover(function(){
        let text = $(this).find('strong');
        layer.tips(text.text(), text, {
            tips: [1, '#3a4651'] //还可配置颜色
        });
    },function(){
        layer.closeAll();
    });
    $(".plan>li:first-child").hover(function(){
        $(this).parent().find('.shade').show();
    },function(){});
    $(".shade").hover(function(){},function(){
        $(this).hide();
    })
</script>
</body>
</html>
